﻿/**** DIFFERENT STYLES ****/
h3
{
    color: #FF8040;
    font-size: 25px;
}

.simple
{
    font-size: 17px;
    width: 800px;
}

.orange
{
    color: orange;
        
}

.orange a:visited
{
   color: #E67D0B ; 
}

.link
{
    font-size: 23px;
    color: #E84B00;
}

.mEText /* Menu unit text*/
{
    position: relative;
    top: 27%;
    left: 21%;
    color: white;    
}



/**** CONTAINERS ****/ 
.main
{
    position: relative;
    width: 500px;
}

.topPanel
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	font-size: 19px;
	
	
}

.content
{
    position: absolute;
    top: 100px;
    left: 10px;   
}

.footer
{
	position:absolute;
	bottom: 0px;
	left: 33%;
}

/**** ONE-PLACED ELEMENTS ****/
.mainImage
{
	position:absolute;
	top: 20%;
	left: 36%;
}

.mainForm
{
    position: absolute;
    left: 10%;
    top:40%;    
}

.textBox
{
    height:30px;
    font-size: 16px;
}

.searchButton
{
    position:relative;
    color: white;
    background-color: orange;
    font-size: 25px;	
}

.searchButton:active
{
	background-color: #808080;
	border-color: #808080;

}

.menu
{
    position: absolute;
    right: 20px;
    top: 10px;
    width: 500px;
    height: 100px;    
}

.textarea
{
    font-family: sans-serif;
    font-weight: bold;
    color: #FF8040;
    border-color: #FF8040;
    border-style: solid;
    font-size: 25px;
}

.searchResults
{
    position: relative;
    top: 10px;
    left: 20px;
}

.hint
{
    position: absolute;
    right: 20%;
    top: 30%;
    background-image: url('img/hint.png');
    
    width: 300px;
    height: 100px;
    
}

.subhint
{
    color: white;
    position: relative;
    left: 25px;
    top: 30px;
    font-size: 19px;
    font-family: sans-serif;
    font-weight: bolder;
}

/**** BLOCK ELEMENTS ****/
.menuElement
{
    background-image:url('img/stdm.png');
    width: 100px;
    height: 50px;
}



